<template>
  <div>
    <div class="g-cur">
      <div class="wp">
        <NuxtLink to="/" class="a">首页</NuxtLink><span> / </span
        ><span class="s">全部问题</span>
      </div>
    </div>

    <div class="row-wt">
      <div class="wp">
        <div class="g-titb2">常见问题</div>
        <div class="m-collapse">
          <a-collapse
            v-model:activeKey="activeKey"
            expand-icon-position="right"
            :bordered="false"
            ghost
          >
            <a-collapse-panel
              :key="index"
              :header="item[0].group"
              v-for="(item, index) in list_wt"
            >
              <div class="m-listb1">
                <div
                @click="gotoInfo(child)"
                  class="link"
                  v-for="(child, cindex) in item"
                  :key="cindex"
                >{{child.ask}}</div>
              </div>
            </a-collapse-panel>
          </a-collapse>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>

import { reactive, ref, onMounted } from 'vue';
import request from '~/services/request'
// 默认展开第一项
const activeKey = ref(['0']);
import { RouterLink, RouterView, useRouter } from 'vue-router'
const router = useRouter()
const list_wt=ref([])
const list = ref([
  {
    type: '发布作品相关',
    children: [{
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    }, {
      label: '作者的书籍作品 支持多个地址吗？',
      url: ''
    }, {
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    },]
  },{
    type: '平台书籍数字版权的购买',
    children: [{
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    }, {
      label: '作者的书籍作品 支持多个地址吗？',
      url: ''
    }, {
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    },]
  },{
    type: '账号个人资料相关',
    children: [{
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    }, {
      label: '作者的书籍作品 支持多个地址吗？',
      url: ''
    }, {
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    },]
  },{
    type: '如何入驻成为创作者',
    children: [{
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    }, {
      label: '作者的书籍作品 支持多个地址吗？',
      url: ''
    }, {
      label: '如何成为作者然后发布具有个人版权的书籍？',
      url: ''
    }, {
      label: '通常需要在支持 NFT 交易的平台上进行购买。首先，你需要创建一个数字钱包，并确保其中有足够的加密货币用于购买？',
      url: ''
    },]
  }
])
function gotoInfo(obj){
  router.push('/questionDetails?id='+obj.id)
}
onMounted(async () => {
  request.get_issues({take:99999,skip:0})
  .then(res => {
    const groupedData = res.results.reduce((result, item) => {
			if (!result[item.group]) {
				result[item.group] = [];
			}
			result[item.group].push(item);
			return result;
		}, {});
		list_wt.value = Object.values(groupedData);
  })
  console.log(request)
});
</script>
